    .top-panel-number {
        font-size: 24px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .fixed-bottom-right {
        position: fixed;
        right: 20px; /* 根据需要调整距离右侧的距离 */
        bottom: 20px; /* 根据需要调整距离底部的距离 */
        z-index: 1000; /* 确保按钮在页面的最上层 */
    }
    .notice-list {
        padding: 10px 0;
    }
    
    .layui-timeline {
        padding-left: 20px;
    }
    
    .layui-timeline-title {
        color: #16baaa;
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .layui-timeline-content p {
        color: #666;
        line-height: 1.8;
        margin-bottom: 10px;
    }
    
    .layui-card-header {
        font-size: 16px;
        font-weight: bold;
        display: flex;
        align-items: center;
    }
    
    .layui-timeline-item {
        padding-bottom: 15px;
    }
    
    .layui-timeline-axis {
        color: #16baaa;
    }
    
    /* 添加鼠标悬停效果 */
    .layui-timeline-content:hover {
        background-color: #f8f8f8;
        border-radius: 4px;padding: 10px;
        transition: all 0.5s ease;
    }
    .notice-content {
        position: relative;
    }
    
    .notice-footer {
        margin-top: 8px;
        color: #999;
        font-size: 13px;
    }
    
    .notice-time {
        display: inline-flex;
        align-items: center;
    }
    
    .notice-time .layui-icon {
        font-size: 14px;
        margin-right: 5px;
    }
    
    .notice-toggle {
        text-align: center;
        margin-top: 10px;
        padding: 10px 0;
        border-top: 1px solid #f0f0f0;
    }
    
    .toggle-btn {
        display: inline-flex;
        align-items: center;
        color: #16baaa;
        cursor: pointer;
    }
    
    .toggle-btn:hover {
        opacity: 0.8;
    }
    
    .toggle-text {
        margin-right: 5px;
    }
    
    .toggle-btn .layui-icon {
        transition: transform 0.3s ease;
    }
    /* 自定义部分样式 */
    .layui-card {
        margin: 15px 0;
    }
    
    .layui-card-header {
        font-size: 16px;
        font-weight: bold;
        display: flex;
        align-items: center;
    }
    
    .layui-card-header i {
        margin-right: 10px;
        font-size: 20px;
    }
    
    .pear-btn {
        margin-top: 10px;
        display: inline-block;
        text-align: center;
        padding: 6px 12px;
        border-radius: 4px;
        cursor: pointer;
        text-decoration: none;
    }
    
    .pear-btn-sm {
        font-size: 12px;
        padding: 4px 10px;
    }
    
    .pear-btn-danger {
        background-color: #ff4d4f;
        color: white;
    }
    
    .pear-btn-danger:hover {
        background-color: #d9363e;
    }
    
    .pear-btn-warning {
        background-color: #ffc107;
        color: white;
    }
    
    .pear-btn-warning:hover {
        background-color: #e0a800;
    }